/**
 * Created by sisi.chen on 2016/7/25.
 */
require(["../lib/echarts.amd.source"], function(){
    require(["../js/customCharts"], function(){
        this.theme = {
            //网格
            grid: {
                // x: 50,
                y: 10,
                x2: 10,
                y2: 60,
                borderWidth: 0
            },
            // 默认色板
            color: ['#a2d5f9', '#b3d890', '#ead07d', '#d7d3f1', '#deb791',
                '#dba9a7', '#a9d8da', '#9accb1', '#bcbbd5', '#deaec7'],
            tooltip : {
                trigger: 'axis',
                backgroundColor: 'white',     // 提示背景颜色，默认为透明度
                borderWidth : 1,
                borderColor : '#cccccc',
                borderRadius: 0,
                padding: 10,
                axisPointer : {
                    type : 'shadow',
                    shadowStyle: {
                        color: 'rgba(238,238,238,0.6)',
                        width: 'auto',
                        type: 'default'
                    }
                },
                textStyle: {
                    color: '#666666'
                },
                position : function(p) {
                    // 位置回调
                    return [p[0] - 40, p[1] - 40];
                },
                enterable : true
            },
            //图列
            legend: {
                orient: 'horizontal',      // 布局方式，默认为水平布局，可选为：
                                           // 'horizontal' ¦ 'vertical'
                x: '80',               // 水平安放位置，默认为全图居中，可选为：
                // 'center' ¦ 'left' ¦ 'right'
                // ¦ {number}（x坐标，单位px）
                y: '267',                  // 垂直安放位置，默认为全图顶端，可选为：
                                           // 'top' ¦ 'bottom' ¦ 'center'
                                           // ¦ {number}（y坐标，单位px）
                backgroundColor: 'rgba(0,0,0,0)',
                borderColor: '#ccc',       // 图例边框颜色
                borderWidth: 0,            // 图例边框线宽，单位px，默认为0（无边框）
                //padding: 5,                // 图例内边距，单位px，默认各方向内边距为5，
                // 接受数组分别设定上右下左边距，同css
                itemGap: 10,               // 各个item之间的间隔，单位px，默认为10，
                                           // 横向布局时为水平间隔，纵向布局时为纵向间隔
                //itemWidth: 15,             // 图例图形宽度
                //itemHeight: 15,            // 图例图形高度
                textStyle: {
                    color: '#666666'          // 图例文字颜色
                },
                formatter : function(name){
                    return self.kit.translate("abTest", name);
                }
            },
            // 类目轴
            categoryAxis: {
                splitLine: {
                    show: false
                },
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    margin: 10,
                    textStyle: {
                        color: '#999999'
                    }
                }

            },
            // 数值型坐标轴默认参数
            valueAxis: {
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                axisLabel: {
                    margin: 10,
                    textStyle: {
                        color: '#999999'
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: ['#eeeeee'],
                        width: 1,
                        type: 'solid'
                    }
                },
                formatter: function (value){
                    //return (value / 1000) + "K";
                    return self.kit.toThousands(value);
                }
            }
        }

        $(".demo-chart-container").customCharts({
            theme : this.theme,
            option : {
                xAxis : [
                    {
                        type : 'category',
                        data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                legend : {
                    formatter : function(name){
                        return name + "1"
                    },
                    selected : {
                        '蒸发量' : false
                    },
                    data : ['蒸发量', '降水量','蒸发量1', '降水量1','蒸发量2', '降水量2','蒸发量3', '降水量3','蒸发量4', '降水量4','蒸发量5', '降水量5',
                        '蒸发量6', '降水量6','蒸发量7', '降水量7','蒸发量8', '降水量8','蒸发量9', '降水量9','蒸发量10', '降水量10']
                },
                series : [
                    {
                        name:'蒸发量',
                        type:'bar',
                        data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
                        markPoint : {
                            data : [
                                {type : 'max', name: '最大值'},
                                {type : 'min', name: '最小值'}
                            ]
                        },
                        markLine : {
                            data : [
                                {type : 'average', name: '平均值'}
                            ]
                        }
                    },
                    {
                        name:'降水量',
                        type:'bar',
                        data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
                        markPoint : {
                            data : [
                                {name : '年最高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18},
                                {name : '年最低', value : 2.3, xAxis: 11, yAxis: 3}
                            ]
                        },
                        markLine : {
                            data : [
                                {type : 'average', name : '平均值'}
                            ]
                        }
                    }
                ]
            }
        });
    })

});